<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
  <h:head>
    <link rel="stylesheet" type="text/css"  href="css/gerenciador-anuncios.css"/>
   </h:head>
	<h:body>
<div>
	<div id="topo">
		<img id="logoMarca" src="../img/LogoMarca.png" alt="" />
		
		<div id="botaoSair">
			<h:form>
				<h:commandButton class="botaoSair" value=" Sair " action="#{anuncianteBean.sairDaSessao}"/>
			</h:form>
		</div>
	</div>		

	
	 <div id="barraMenu"> 
		<ul id="barraMenu">
			<a href="../home.xhtml"><li class="itemMenu">HOME</li></a>
			<a href="../quemSomos.xhtml"><li class="itemMenu">VISITAS</li></a>
			<a href="cadastraranunciante.xhtml"><li class="itemMenu">CONFIGURAÇÕES</li></a>
			
	
		</ul>

		</div>
	
		 <div id="ConfMenu"> 
			<ul id="ConfMenu">
				<a href="../home.xhtml"><li class="itemMenu">HOME</li></a>
				<a href="../quemSomos.xhtml"><li class="itemMenu">VISITAS</li></a>
				<a href="config.xhtml"><li class="itemMenu">CONFIGURAÇÕES</li></a>
				<a href="anunciante.xhtml"><li class="botaoVoltar">VOLTAR</li></a>	
			</ul>	

		</div>
		
		<div id="divLogo">
			 <p:graphicImage style="margin-left:60px;" value="#{anuncianteBean.anunciante.id}/#{anuncianteBean.anunciante.logo}"/>
		</div>
		
		<div id="servico">
		
			<iframe src="https://www.google.com/maps/embed?pb=!1m20!1m8!1m3!1d3959.0725417279964!2d-34.82554438871774!3d-7.117592246530961!3m2!1i1024!2i768!4f13.1!4m9!1i0!3e6!4m0!4m5!1s0x7acdd25000a7627%3A0xad00f3e3ed7d6b07!2sPicanha+do+Bastos+Restaurante+e+Churrascaria+-+Av.+Profa.+Maria+Sales%2C+705%2C+Jo%C3%A3o+Pessoa+-+PB%2C+58039-130!3m2!1d-7.117201!2d-34.825995!5e0!3m2!1spt-BR!2sbr!4v1411526758388" width="300" height="400" frameborder="0" style="border:0"></iframe>
		</div>
		<div id ="espacoConf">
		
		<h:form style="margin-top:-30px;" enctype="multipart/form-data">
		
			<h:inputHidden value="#{anuncioBean.anuncio.id}"/>
			
				<h1>Insira novos anúncios</h1>
				<h:panelGrid columns="2">
				
				<h:outputText value="Imagem:"/>
				<p:fileUpload   value="#{anuncioBean.imgAnuncio}" mode="simple"/>
				
				
				
				<h:outputText value="Titulo:"/>
				<h:inputText value="#{anuncioBean.anuncio.titulo}" required="true" requiredMessage="Título obrigatório"/>
				
				<h:outputText value="Categoria:"/>
				<p:selectOneMenu  value="#{anuncioBean.anuncio.categoria}" required="true" requiredMessage="Categoria obrigatório">
							<f:selectItem itemLabel="" itemValue="" />
				            <f:selectItem itemLabel="Comida" itemValue="Comida" />
				            <f:selectItem itemLabel="Massas" itemValue="Massas" />
				            <f:selectItem itemLabel="Bebida" itemValue="Bebida" />
				             <f:selectItem itemLabel="Frutos do mar" itemValue="Frutos do mar" />
				            <f:selectItem itemLabel="Outros" itemValue="Outros" />
			       		</p:selectOneMenu>
	
					<h:outputText value="Descrição:"/>
					<p:editor id="editor" widgetVar="editorWidget" value="#{anuncioBean.anuncio.descricao}" width="600" />
					

					<h:commandButton value="Salvar" action="#{anuncioBean.inserir()}"/>
					<h:commandButton value="Clear" type="button" onclick="PF('editorWidget').clear();"/>
					
				
			</h:panelGrid>
		
		</h:form>
		
		
		<h1>Lista de anuncios</h1>

					<h:form > 
					<p:scrollPanel style="width:800px;height:350px">
					
					<p:dataTable var="anuncios" style="width:800px" value="#{anuncioBean.listaAnuncios}">
					
						<p:column headerText="Imagem">
							<p:graphicImage style="height: 100px; width: 110px; margin-left:12px;" value="#{anuncianteBean.anunciante.id}/Anuncio/#{anuncios.foto}"/> 
						</p:column>
		
						<p:column headerText="Categoria">
							<h:outputText value="#{anuncios.categoria}"/>
						</p:column>
						
						
						<p:column headerText="Descrição">
							<h:outputText value="#{anuncios.descricao}"/> 
						</p:column>
						
						<p:column headerText="Título">
							<h:outputText value="#{anuncios.titulo}"/> 
						</p:column>
						
						<p:column headerText="Configuração">
							<h:commandButton value="Alterar" actionListener="#{anuncioBean.alterar(anuncios)}"/>
							<h:commandButton value="Excluir" action="#{anuncioBean.excluir(anuncios)}"/>
						</p:column> 
						
						
					
					</p:dataTable>
					
					
					</p:scrollPanel>
					
					
					
			    <p:growl id="messages" showDetail="true"/>
			 
			    
					</h:form>
			</div>
		
			

		
		
		
</div>



	

<div id="rodaPe">
www.catalogodigital.com.br<br/>
<a class="link" href="https://www.facebook.com/CatalogoDigitalBR">www.facebook.com/CatalogoDigitalBR</a>
</div>

</h:body>
</html>